<template>
  <van-cell center :title="name" :label="author + ' - ' + albumName">
    <template #right-icon>
      <van-icon @click="playFn" name="play-circle-o" size="0.6rem"/>
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    id: Number, // 歌曲id (标记这首歌曲-为将来跳转播放页做准备)
    name: String, // 歌名
    author: String, // 歌手
    albumName:String//专辑名
  },
  methods: {
    playFn(){
        this.$router.push({
            path: '/play',
            query: {
                id: this.id // 歌曲id, 通过路由跳转传递过去
            }
        })
    }
}
};
</script>

<style scoped>
/* 给单元格设置底部边框 */
.van-cell {
  border-bottom: 1px solid lightgray;
}
</style>